<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo06超链接标签</title>
</head>
<body>

<!--1.跳转至本地资源-->
<a href="demo02文本标签.html">跳转到第2个页面</a>

<!--2.跳转至外部资源
      target="_blank"：在新窗口打开;
      target="_self"：在当前窗口打开;
-->
<a href="https://www.baidu.com/">百度一下</a>
<a href="https://www.jd.com/" target="_blank">京东</a>

<!--3.图片超链接-->
<a href="https://www.so.com/">
    <img src="1.png" alt="">
</a>

<!--4.锚点-->
<hr>
<a href="#c1">第一章</a>
<a href="#c2">第二章</a>
<a href="#c3">第三章</a>

<h3 id="c1">第一章:石猴出世</h3>
<!--lorem 生成假文-->
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>

<h3 id="c2">第二章:蓬莱学艺</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>

<h3 id="c3">第三章:龙宫借宝</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo inventore ipsum iste natus nihil non quos sed. Architecto corporis dolores ipsam, molestiae mollitia rerum sed tenetur totam vel veniam voluptas.
</p>

<!--#回到顶部-->
<a href="#">回到顶部</a>

</body>
</html>







